<template>
  <div class="welcome">
    <el-carousel :interval="5000" height="40vh" indicator-position="bottom">
      <el-carousel-item v-for="(item, index) in carouselList" :key="index">
        <img :src="item.url" alt="" />
      </el-carousel-item>
    </el-carousel>
    <el-card class="box-card task">
      <h1>任务中心</h1>
      <el-collapse v-model="activeName" accordion>
        <el-collapse-item title="任务一" name="1">
          <div>内容</div>
        </el-collapse-item>
        <el-collapse-item title="任务二" name="2">
          <div>内容</div>
        </el-collapse-item>
      </el-collapse>
    </el-card>
    <el-card class="box-card testpaper">
      <h1 class="title">
        <el-link :underline='false'>试卷中心</el-link>
      </h1>
      <el-card shadow="false">
        <h4 class="title">试卷名称</h4>
        <p>题目数量：20道</p>
        <p>考试时间：1小时</p>
        <p>开考时间：</p>
        <p>收卷时间：</p>
        <p>总分：100分</p>
        <el-link :underline="false">开始答题</el-link>
      </el-card>
    </el-card>
  </div>
</template>
<script>
import "./index.scss";
export default {
  data() {
    return {
      carouselList: [
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
        {
          url: "https://img0.baidu.com/it/u=3018142032,510207504&fm=26&fmt=auto",
        },
      ],
      activeName: "1",
    };
  },
  created(){},
  methods:{
    // gettestpaper(){
    //   this.$axios.get("")
    // }
  }
};
</script>
<style lang="scss" scoped>
// .el-carousel__item h3 {
//     color: #475669;
//     font-size: 14px;
//     opacity: 0.75;
//     line-height: 200px;
//     margin: 0;
//   }

//   .el-carousel__item:nth-child(2n) {
//     background-color: #99a9bf;
//   }
</style>